<style>
    .navigation {
        margin-left: 0px;
        height: 80%;
    }

    .navigation div {
        padding-left: 1px;
    }

    .navigation div ul {
        overflow: hidden;
        display: none;
        height: auto;
        margin: 0;
        margin-left: -.8rem;
    }

    .navigation span {
        display: block;
        line-height: 25px;
        padding: .5rem .5rem;
        cursor: pointer;
    }

    .navigation span:hover {
        background-color: rgba(0, 0, 0, 0.03);
    }

    .navigation a {
        color: #333;
        text-decoration: none;
    }

    .navigation a:hover {
        color: #06F;
    }
</style>

<!--/*-->
左侧-菜单栏
<!--*/-->
<script data-th-src="@{js/bootstrap/popper.min.js}"></script>
<aside class="sidebar">
    <div class="scrollbar-inner">
        <!--个人信息-->
        <div class="user" title="点击修改密码">
            <div class="user__info dropdown-toggle" data-toggle="dropdown" id="dropdownMenuButton">
                <img class="user__img">
                <div>
                    <div class="user__name" data-th-utext="${user.name}"></div>
                    <div class="user__email" data-th-utext="${user.email}"></div>
                </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <!--                <a class="dropdown-item" href="#" id="user__profile">个人信息</a>-->
                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#update-password">修改密码</a>
            </div>
        </div>

        <!--/*-->
        菜单列表
        <!--*/-->
        <div id="navigation" class="navigation">
            <div>
                <span name="user" onclick="loadMain(this)"><i class="actions__item zmdi zmdi zmdi-account"></i>&nbsp;&nbsp;学生管理</span>
                <!--/*-->
                <ul>
                    <div><span name="user" onclick="loadMain(this);"><i class=""></i>&nbsp;&nbsp;用户管理</span>
                        <ul></ul>
                    </div>
                    <div><span name="role" onclick="loadMain(this);"><i class=""></i>&nbsp;&nbsp;角色管理</span>
                        <ul></ul>
                    </div>
                    <div><span name="menu" onclick="loadMain(this);"><i class=""></i>&nbsp;&nbsp;菜单管理</span>
                        <ul></ul>
                    </div>
                    <div><span name="dict" onclick="loadMain(this);"><i class=""></i>&nbsp;&nbsp;字典管理</span>
                        <ul></ul>
                    </div>
                </ul>
                <!--*/-->
            </div>

            <!--网络资源-->
            <div>
                <span name="grade" onclick="loadMain(this)"><i class="actions__item zmdi zmdi zmdi-check"></i>&nbsp;&nbsp;成绩管理</span>
            </div>

            <div><span><i class="actions__item zmdi zmdi-power"></i>&nbsp;&nbsp;<a href="/logout">退出登陆</a></span>

            </div>
        </div>
    </div>
</aside>



